import React, { useEffect, useState } from 'react';
import { View, Text, Image } from '@tarojs/components';
import { AtAvatar, AtButton, AtCurtain, } from 'taro-ui'
import "taro-ui/dist/style/components/button.scss" // 按需引入
import './Advice.scss'
import logopng from '../../../static/images/gzh.png'
import '../../../utils/http'
const Adivce = () => {
  const [isOpened, setOpen] = useState(false)
  const onClose = (v) => {
    setOpen(!isOpened)
  }

  return <View>
    <View className='header'>
      <View> <AtAvatar image='https://jdc.jd.com/img/200' size='small' circle='true'></AtAvatar></View>
      <View className='com'>
        <Text>社区电商</Text>
        <Text>社区电商--团购超值</Text>
      </View>
      <View><AtButton size='small' className='btn' onClick={() => setOpen(true)}>关注</AtButton></View>
    </View>
    <View className='foot'>
      <Text>点击关注公众号</Text>
      <Text>在公众号内回复内容即可反馈</Text>
    </View>
    <AtCurtain
      isOpened={isOpened}
      onClose={() => setOpen(false)}
    >
      <Image
        style='width:100%;height:300px'
        src={logopng}
      />
    </AtCurtain>

  </View>
}

export default Adivce;